<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta content="telephone=no" name="format-detection">
		<link rel="stylesheet" href="css/mui.min.css" />
		<link rel="stylesheet" href="css/weui.css">
		<link rel="stylesheet" href="css/jquery-weui.css">
		<link rel="stylesheet" href="css/style.css">

	</head>

	<body>
		<div class="overlay nav-btm" id="app">
			<div class="overlay-content scrolling">
				<div class="home-bj">
					<div class="home-hd">
						<div class="logo"><img src="images/logoHMS-v3.png" alt=""></div>
						<div class="avatar"><img src="images/tx1.png" alt=""></div>
					</div>
				</div>
				<div style="width: 100%;position: relative;" id="line">
					<div class="weui-pull-to-refresh-layer">
						<div class='pull-to-refresh-arrow'></div>
						<div class='pull-to-refresh-preloader'></div>
						<div class="down" align="center">&nbsp;</div>
					</div>
					<div class="weui-cells home-weui b-top" v-for="(sy,key,index) in items">
						<a href="#" class="weui-cell weui-cell_access" v-on:click="setTransferAccounts(sy)">
							<div class="weui-cell__hd"><img v-bind:src="sy.tradeCoin.img"></div>
							<div class="weui-cell__bd">
								<h3>
								<span v-text="sy.tradeCoin.name" style="font-size: 16px;"></span>
								</h3>
								<span style="position: relative;top: 5px;">
									<table style="font-size: 12px;margin-left: -5px;" align="center">
										<tr style="text-align:center;">
											<th width="20%">可用</th>
											<th width="60%">已释放</th>
											<th width="40%">待释放</th>
										</tr>
										<tr style="text-align:center;">
											<td width="20%" style="">
												<span v-if="sy.balanceAmount<0">
													<span>0</span>
												</span>
												<span v-else>
													<span v-text="sy.balanceAmount" style="color: #1AAD19;"></span>
												</span>
											</td>
											<td width="60%" style="">
												<span v-text="sy.unFreezeAmount" style="color: #007AFF;"></span>
											</td>
											<td width="40%" style="">
												<span v-text="sy.freezeAmount" style="color: #F0AD4E;"></span>
											</td>
										</tr>
									</table>
								</span>
							</div>
							<div class="weui-cell__ft"></div>
						</a>
					</div>
				</div>

			</div>
		</div>

		<div class="weui-flex weui-fixed-btm nav">
			<div class="weui-flex__item">
				<a id="homePage" class="weui-fixed-btn on">
					<i class="nav1"></i>首页</a>
			</div>
			<div class="weui-flex__item">
				<a id="chargeMoney" class="weui-fixed-btn">
					<i class="nav2"></i>充币</a>
			</div>
			<div class="weui-flex__item">
				<a id="transfer" class="weui-fixed-btn">
					<i class="nav3"></i>转赠</a>
			</div>
			<div class="weui-flex__item">
				<a id="my" class="weui-fixed-btn">
					<i class="nav4"></i>我的</a>
			</div>
		</div>

		<script src="js/jquery.min.js"></script>
		<script src="js/jquery-weui.min.js"></script>
		<script src="controller/base.js"></script>
		<script src="js/vue.min.js"></script>
		<script src="js/require.min.js" data-main="controller/index.js"></script>
	</body>
	<script>
		document.getElementById('homePage').addEventListener('tap', function() {
			mui.openWindow({
				createNew:true,// 打开并且刷新：true刷新，false不刷新
				show:{
					autoShow:true,
					aniShow:'fade-in',
				},
				url: 'homePage.html',
				id: 'homePage'
			});
		});
		document.getElementById('chargeMoney').addEventListener('tap', function() {
			mui.openWindow({
				createNew:true,// 打开并且刷新：true刷新，false不刷新
				show:{
					autoShow:true,
					aniShow:'fade-in',
				},
				url: 'chargeMoney.html',
				id: 'chargeMoney'
			});
		});
		document.getElementById('transfer').addEventListener('tap', function() {
			mui.openWindow({
				createNew:true,// 打开并且刷新：true刷新，false不刷新
				show:{
					autoShow:true,
					aniShow:'fade-in',
				},
				url: 'transfer.html',
				id: 'transfer'
			});
		});
		document.getElementById('my').addEventListener('tap', function() {
			mui.openWindow({
				createNew:true,// 打开并且刷新：true刷新，false不刷新
				show:{
					autoShow:true,
					aniShow:'fade-in',
				},
				url: 'my.html',
				id: 'my'
			});
		});
	</script>
</html>